<!-- 通知组件 -->
<div class="position-fixed top-0 start-50 translate-middle-x p-3 notification-container">
    <div id="saveNotification" class="toast align-items-center text-white bg-success border-0" role="alert" aria-live="assertive" aria-atomic="true">
        <div class="d-flex">
            <div class="toast-body">
                <i class="bi bi-check-circle-fill me-2"></i>
                <span id="saveNotificationMessage"></span>
            </div>
            <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="关闭通知"></button>
        </div>
    </div>
</div>

<div class="toast-container">
    <div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
        <div class="toast-body">
            <i class="bi bi-exclamation-triangle-fill text-danger"></i>
            <span class="toast-message"></span>
        </div>
    </div>
</div>